import {Dashboard, AccountManage} from "@/screens/tabbar";
import type {ApplicationScreenProps, ApplicationStackParamList} from "@/types/navigation";
import React from "react";
import i18n from "@/translations";
import {Screen} from "@/types/public";

interface Tabbar {
    name: keyof ApplicationStackParamList;
    title: string;
    icon: string;
    iconActive: string;
    cmp:Screen
}

const tabbar: Tabbar[] = [
    {
        name: "Dashboard",
        title: i18n.t("tabbar:dashboard.name"),
        icon: require('@/theme/assets/images/tabbar/dashboard.png'),
        iconActive: require('@/theme/assets/images/tabbar/dashboard-o.png'),
        cmp: Dashboard,
    },
    {
        name: "AccountManage",
        title: i18n.t("tabbar:accountManage.name"),
        icon: require('@/theme/assets/images/tabbar/avatar.png'),
        iconActive: require('@/theme/assets/images/tabbar/avatar-o.png'),
        cmp: AccountManage
    }
]
export const tabbarStyle = {
    "tabBarActiveTintColor": "#21222C",
    "tabBarInactiveTintColor": "#66696D",
    tabBarStyle: {
        backgroundColor: "#fff",
    },
    tabBarLabelStyle: {
        fontSize: 14
    },
    tabBarHideOnKeyboard: true,

}
export default tabbar;